<template>
	<div>
		<div class="boxes">
			<div class="boxes-back vue-flex" @click="back()">
				<img class="boxes-icon" src="../../../assets/img/left.png" alt="">
				<div>返回</div>
			</div>
			
			<!-- <div class="boxes-title">个人中心</div> -->
			
			<div class="boxes-box vue-flex">
				<div class="boxes-box1">性别：</div>
				<div>{{list.sexName}}</div>
			</div>
			
			<div class="boxes-box vue-flex">
				<div class="boxes-box1">人员类型：</div>
				<div>{{list.memberTypeName}}</div>
			</div>
			
			<div class="boxes-box vue-flex">
				<div class="boxes-box1">工作单位：</div>
				<div>{{list.workUnit}}</div>
			</div>
			
			<div class="boxes-box vue-flex">
				<div class="boxes-box1">所属驿站：</div>
				<div>{{list.postName}}</div>
			</div>
		</div>
	</div>
</template>

<script>
import { personalCenter } from '../../../network/api';
export default {
	name:"indexPersonal",
	data() {
		return {
			list:{}
		};
	},
	created() {
		
	},
	mounted() {
		// 上个页面的参数 id
		personalCenter().then(res => {
			// console.log(res.retData);
			this.list = res.retData
		});
	},
	methods: {
		back(){
			this.$router.go(-1);//返回上一层
		}
	}
};
</script>
<style lang="scss" scoped>
.boxes{
	border: 1px solid #eeeeee;
	text-align: left;
	border-top: 2px solid #cc0000;
	margin: 20px 100px;
	height: 600px;
}
.boxes-back{
	border-bottom: 1px solid #eeeeee;
	padding:10px 20px;
	color: #CB1C1D;
	font-weight: bold;
}
.boxes-icon{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.boxes-title{
	text-align: center;
	padding:15px 20px;
	font-size: 20px;
	font-weight: bold;
}

.boxes-box{
	color: #7B6666;
	padding: 20px;
	white-space: nowrap;
}

.boxes-box1{
	color: #333333;
	width: 100px;
	text-align: left;
}

</style>
